<!DOCTYPE html>
<html lang="zh-TW">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>關於我 - 洛奇的個人網站</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../style/main.css">
    <link rel="stylesheet" href="../style/about.css">
    <link rel="shortcut icon" href="../icons/hoshi.svg" type="image/x-icon">
</head>

<body>
    <div id="rocky_nav">
    </div>
    <div class="nav_gap"></div>
    <div class="rw_frame tt">
        <div class="title">
            <h1 class="_in_up"><img src="../icons/hoshi.svg" alt="" class="hoshi r_hoshi">
                <p>關於我</p><img src="../icons/hoshi.svg" alt="" class="hoshi r_hoshi">
            </h1>
            <p class="_in_down">想要了解我喵？請！</p>
        </div>
        <img src="../stub.svg" class="rocky_welcome" alt="" id="banner">
    </div>
    <div class="r_content">
        <div class="ab1">
            <ul class="intro1">
                <li>喵名：洛奇</li>
                <li>性別：♂</li>
                <li>居住地：喵王國</li>
                <li>種族：喵喵</li>
            </ul>
            <hr class="a_hr d-md-none" />
            <div class="intro_p">
                <img src="../about/pfp.png" alt="洛奇">
            </div>
        </div>
        <hr class="a_hr" />
        <div class="ab2">
            <ul class="intro2">
                <li>最喜愛的食物：<br>
                    喵巧克力餅乾
                </li>
                <li>愛好：<br>
                    學編程、 玩BMS、整活<br>
                    以及。 。 。把我自己變得更可愛！ <em>(我有時候還可能變裝哦！ 0w<) </em>
                </li>
                <li>最喜愛的顏色<br>
                    天藍色、白色、黑色、粉色、紅色
                </li>
                <li>職業：軟體工程師</li>
                <li>编程语言：<br>
                    <span><img src="../about/Csharp.svg" alt="C#" class="logo"><img src="../about/Python.svg"
                            alt="Python" class="logo"><img src="../about/JS.svg" alt="Javascript" class="logo"><img
                            src="../about/H5.svg" alt="HTML5" class="logo"><img src="../about/CSS3.svg" alt="CSS3"
                            class="logo"></span>
                </li>
                <li>留言：<br>
                    很高興見到大家！ >w< </li>
            </ul>
        </div>
        <div id="footer"></div>
    </div>
    <script>
        function antiPirate() {
            document.addEventListener("contextmenu", function (e) {
                e.preventDefault();
            }, false);
            document.body.onselectstart = () => { return false };
            var tryCount = 0;
            var minimalUserResponseInMiliseconds = 200;
            function check() {
                console.clear();
                before = new Date().getTime();
                debugger;
                after = new Date().getTime();
                if (after - before > minimalUserResponseInMiliseconds) {
                    document.write(" Sorry, in order to prevent the arts being pirated, Developer tools and right clicks are no longer allowed on this site, please understand and cooperate. \n 很抱歉，为了防止盗图行为，本网站不再允许使用开发者工具和右键！请理解并配合。 ")
                    alert(" Sorry, in order to prevent the arts being pirated, Developer tools and right clicks are no longer allowed on this site, please understand and cooperate. \n 很抱歉，为了防止盗图行为，本网站不再允许使用开发者工具和右键！请理解并配合。 ");
                    self.location.replace(
                        window.location.protocol + window.location.href.substring(
                            window.location.protocol.length
                        )
                    );
                } else {
                    before = null;
                    after = null;
                    delete before;
                    delete after;
                }
                setTimeout(check, 100);
            }
            check();

        }
        function disabledEvent(e) {
            if (e.stopPropagation) {
                e.stopPropagation();
            } else if (window.event) {
                window.event.cancelBubble = true;
            }
            alert(" Sorry, in order to prevent the arts being pirated, Developer tools and right clicks are no longer allowed on this site, please understand and cooperate. \n 很抱歉，为了防止盗图行为，本网站不再允许使用开发者工具和右键！请理解并配合。 ");
            e.preventDefault();
            return false;
        }
        setTimeout(function () {
            document.addEventListener("contextmenu", function (e) {
                e.preventDefault();
            }, false);
            document.addEventListener("keydown", function (e) {
                // Ctrl+Shift+I 
                if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
                    disabledEvent(e);
                }
                // Ctrl+Shift+J 
                if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
                    disabledEvent(e);
                }
                // Ctrl+S 
                if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
                    disabledEvent(e);
                }
                // Ctrl + U 
                if (e.ctrlKey && e.keyCode == 85) {
                    disabledEvent(e);
                }
                // F12
                if (event.keyCode == 123) {
                    disabledEvent(e);
                }
            }, false);
        }
            , 0)

        setTimeout(antiPirate, 0);

    </script>
    <script src="navbar/navbar.js"></script>
    <script src="footer/footer.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <script src="../js/dynamic_bg.js"></script>
</body>

</html>